<template>
  <div>
      <Tabbars></Tabbars>
      <Navbar>
          <template v-slot:default="zz">
            <div>hello{{zz.mess}}</div>
          </template>
           <!-- 具名插槽 需要包在template标签里-->
          <template v-slot:a>
             <div class="nav">
                <h3>播客页面</h3>
            </div>
          </template>
         
         <!-- 普通插槽 --> 
         <!-- <template v-slot:b>
           
         </template> -->
           <div class="nav">
                <h3>播客页面1</h3>
          </div>
      </Navbar>
  </div>
</template>
<script>
import Navbar from "../components/Navbar.vue"
import Tabbars from '../components/Tabbars.vue';
export default {
  name: "Boke",
  components: {
    Tabbars,
    Navbar
  },
  data() {
    return {
      
    };
  },
};
</script>
<style lang="less" scoped>
*{
  padding: 0;
  margin: 0;
}
  .nav{
    background: red;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
</style>